﻿/****************View Testimonial Classes */
.veTestimonialAddNewLink1 {
    clear:both;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #000;
    background-image: url(images/icon-feedback-32px.png);
    background-position-x:left;
    padding-left:24px;
}
a.veTestimonialAddNewLink1:link {text-decoration: none} 
a.veTestimonialAddNewLink1:visited {text-decoration: none} 
a.veTestimonialAddNewLink1:active {text-decoration: none} 
a.veTestimonialAddNewLink1:hover {text-decoration: none; }

/**************************************
    can be used with this template:
<div class="testimonial">
    <div class="testimonialQuote">
        <span class="topParentheses"></span>
        <p class="quoteParagraph">[Testimonial]</p>
        <span class="bottomParentheses">&nbsp</span>
    </div>
    <div class="quotePointer"></div>
    <div class="author">
        <p class="subTitle">[FirstName][LastNameInitial],
        <span class="location"> [Location]</span></p>
    </div>
</div>
    ***********************************/
.veTestimonialRotator {
    position:relative;
    display:block;
}
.TestimonialItem {
    margin-bottom:15px;
    margin-left:100px;
    margin-right:100px;
    position:relative;
    top:0px;left:0px;
    font-size:.9em;
}
.TestimonialItem .testimonial {
    position:relative;
    top:0px;left:0px;
}
.TestimonialItem .testimonial .testimonialQuote {
    background-color:#DFFAFD;
    background: -moz-linear-gradient(center top , #DFFAFD 0%, #D1F3F7 100%) repeat scroll 0 0 transparent;
    border-radius: 15px 15px 15px 15px;
    padding: 10px;
    display:block;text-align:left;padding-left:50px;

}
.TestimonialItem .testimonial .testimonialQuote .topParentheses {
    background-image:url('images/top_quote.png');
    height:21px;width:24px;display:inline-block;
    margin-left: -28px;
    position: absolute;
}
.TestimonialItem .testimonial .testimonialQuote .quoteParagraph {
    color: #29A4B3;
    display: inline;
    font-style: italic;
    font-weight:bold;
    position: relative;
}

.TestimonialItem .testimonial .quotePointer {
    background-image:url('images/quote_speak_point.png');
    height: 20px;
    left: 15px;
    position: absolute;
    width: 27px;
}
.TestimonialItem .testimonial .bottomParentheses {
     background-image:url('images/bottom_quote.png');
    margin-left: 3px;
    margin-top: 6px;
    /*position: absolute; replace the 'relative' for a 'tighter' quote.*/
    height:21px;width:24px;display:inline-block;
    position:relative;float:right;
}
.TestimonialItem .testimonial .author {
    margin-left: 46px;
    margin-top: 11px;
    font-size:.8em;

}
.TestimonialItem .testimonial .author p {
    color: #595959;
}

.TestimonialItem .testimonial .author p.subTitle {
    letter-spacing: -0.02em;/*float:left;*/
}
.TestimonialItem .testimonial .author p.location {
  margin-left:25px;font-size:smaller;
}

/* Container DIV - automatically generated DO NOT MODIFY */
.simply-scroll-container { 	position: relative;}
/* Clip DIV - automatically generated */
.simply-scroll-clip { 	position: relative;	overflow: hidden;}
/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { overflow: hidden;	margin: 0;	padding: 0;	list-style: none;}	
.simply-scroll-list li {padding: 0;	margin: 0;	list-style: none;}	
.simply-scroll-list li img {border: none;display: block;}

/* Custom class modifications - adds to / overrides above
/** Classes for horizontal scrolling where veVertical is your custom class from the module settings*/
.veVertical { /* wider than clip to position buttons to side */
width: 340px;
height: 300px;
margin-bottom: 1.5em;
}

.veVertical .simply-scroll-clip {
width: 290px;
height: 300px;
}

.veVertical .simply-scroll-list {}

.veVertical .simply-scroll-list li {
width: 290px;
height: 200px;
}
.veVertical .simply-scroll-list li img {}

.veVertical .simply-scroll-btn {}

.veVertical .simply-scroll-btn-up { /* modified btn pos */
right: 0;
top: 0;
}
.veVertical .simply-scroll-btn-up.disabled {}
.veVertical .simply-scroll-btn-up:hover {}

.veVertical .simply-scroll-btn-down { /* modified btn pos */
right: 0;
top: 52px;
}
.veVertical .simply-scroll-btn-down.disabled {}
.veVertical .simply-scroll-btn-down:hover {}

/** Classes for horizontal scrolling where veHorizontal is your custom class from the module settings*/
.veHorizontal .simply-scroll-container {
        overflow:hidden;
}

/* Clip DIV */
.veHorizontal .simply-scroll-container .simply-scroll-clip {
	width: 700px;
	height: 125px;
}
.veHorizontal .simply-scroll-list {
    background-color: #f6f0d1;
    border-radius: 15px;
    border: solid 1px #ffd800;
    height:150px;
}
/* Explicitly set height/width of each list item */	
.veHorizontal .simply-scroll-list div{
	float: left; /* Horizontal scroll only */
	width: 350px;
	height: 125px;
}


/**************** Manage Testimonial Classes*/

.veAlert {
    border-radius:4px;border:solid #ffd800 1px;background-color:#f6f0d1;color:#222222;font-weight:500;padding:10px;font-size:1.1em;
}
/*Indicates testimonial items on the "Manage Testimonial" page / Unpublished tab*/
.PendingPublishing {
    border-radius:4px;background-color:#dbcdcd;border:solid 1px #ff0000;margin:20px;
    list-style-type:none;padding:20px;
}
.PendingDeletion {
    border-radius:4px;background-color: #ffd800;border:solid 1px #ff0000;margin:20px;
    list-style-type:none;padding:20px;
}
/*Indicates published testimonial items on the "Manage Testimonial" page*/
.PublishedTestimonial {
    border-radius:4px;background-color:#f7f6f0;border:solid 1px #f6f0d1;margin:20px;
    list-style-type:none;padding:20px;
}
.manageTestimonial {
    display:inline-block;
    float:left;
    position:relative;top:0px;left:0px;
    margin-left:.7em;
}
.manageTestimonialText {
    font-size:1em;font-weight:600;
}
.manageTestimonialSubmittedBy {
    font-style:italic;font-size:.8em;
}
span.actions {
    display:inline-block;margin-right:5px;
}
span.stopPublishing {
    background-image:url(images/stopPublishing.gif);
    background-repeat:no-repeat;
    width:16px;
    float:left;
    position:relative;top:0px;left:0px;
    margin-right:.7em; 
}
span.deletePermanently {
    background-image:url(images/deletePermanently.gif);
    background-repeat:no-repeat;
    width:16px;
    float:left;
    position:relative;top:0px;left:0px;
    margin-right:.7em;
}
span.approvePublishing {
    background-image:url(images/approvePublishing.gif);
    background-repeat:no-repeat;
    width:16px;
    float:left;
    position:relative;top:0px;left:0px;
    margin-right:.7em;
}
span.pendingPublishing {
    background-image:url(images/approvePublishing.gif);
    background-repeat:no-repeat;
    width:16px;
    float:left;
    position:relative;top:0px;left:0px;
    margin-right:.7em;
}
/*span.published {
    background-image:url(images/published.gif);
    background-repeat:no-repeat;
    width:16px;
    float:left;
    position:relative;top:0px;left:0px;
    margin-right:.7em;
}*/


